<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>documentName</title>
    <link rel="stylesheet" href="" />
  </head>
  <body>
    <h4>debug</h4>
    <form id="myform">
      <div>
        <span>姓名：</span>
        <input type="text" name="uname" />
      </div>
      <div>
        <span>邮箱：</span>
        <input type="text" name="email" />
      </div>
      <button submit>提交</button>
    </form>

    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.20.0/jquery.validate.min.js"></script>
    <script src="./message_cn.js"></script>
    <script>
      $('#myform').validate({
        /**
         * @brief: 用于在表单校验通过，处理实际提交时的回调
         * !特点：用于在表单有效时处理实际提交的回调。设置该属性后，验证通过后将不会默认提交请求，而是执行该属性定义的方法。
         * @value {function} callback(event, form)
         * (def) native form submit 当前表单提交
         *    {object} event 提交事件对象
         *    {object} form 当前被验证的 form，作为一个元素返回。
         * @应用：
         * （1）请求预处理；
         * （2）请求回调；
         */
        submitHandler: function () {
          console.log('验证通过后执行')
          alert('submitted')
          form.submit()
        },
      })
    </script>
  </body>
</html>
